<template>
  <div class="selected_blocks">
    <div v-for="(item,index) in hots">
      <block-v2 :item="item"></block-v2>
    </div>
  </div>
</template>

<script>
import BlockV2 from "@/components/content/block/BlockV2.vue";

export default {
  name: "SelectedBlocks",
  components: {BlockV2},
  data(){
    return{
      hots:[
        {
          img:require('@/assets/temp/5.png'),
          title:'甜蜜时光'
        },
        {
          img:require('@/assets/temp/6.png'),
          title:'我们的高中时代'
        },
        {
          img:require('@/assets/temp/5.png'),
          title:'甜蜜时光'
        },
        {
          img:require('@/assets/temp/6.png'),
          title:'我们的高中时代'
        },{
          img:require('@/assets/temp/5.png'),
          title:'甜蜜时光'
        },
        {
          img:require('@/assets/temp/6.png'),
          title:'我们的高中时代'
        },
        {
          img:require('@/assets/temp/5.png'),
          title:'甜蜜时光'
        },
        {
          img:require('@/assets/temp/6.png'),
          title:'我们的高中时代'
        }
      ]
    }
  }
}
</script>

<style scoped>
.selected_blocks{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
}
</style>
